$(document).ready(function() {
	var box = $('#box');

	box.bind({
		mouseover : function() {
			var tg = $(this);
			tg.removeClass().addClass('mouseover');
			tg.find('> p').text('mouseover');
		},
		mouseout : function() {
			var tg = $(this);
			tg.removeClass().addClass('mouseout');
			tg.find('> p').text('mouseout');
		},
		mousedown : function() {
			var tg = $(this);
			tg.removeClass().addClass('mousedown');
			tg.find('> p').text('mousedown');
		},
		mouseup : function() {
			var tg = $(this);
			tg.removeClass().addClass('mouseup');
			tg.find('> p').text('mouseup');
		}
	});

	var btn1 = $('#btn1');
	var btn2 = $('#btn2');

	btn1.bind('click', function() {
		box.unbind('mouseout');
	});

	btn2.bind('click', function() {
		box.unbind();
	});
});